/* ---------------------------------------- css base 基础部分---------------------------------------- */
* {margin:0;padding:0; border:0; word-break:break-word; font-family:'苹方','微软雅黑','黑体','Helvetica', 'arial', 'sans-serif'; background-size:100% 100%; -webkit-mask-size: 100% 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 0.24rem; line-height: 1; }
html,body{ width:100%; height:100%;}
table{border-collapse:collapse;border-spacing:0;}
th,tr,td,h1,h2,h3,h4,h5,h6,i,b,em{font-style:normal;font-weight:normal;}
ol,ul,li {list-style-type:none; display:block;}
select,input,img{vertical-align:middle;border:none;outline:none;}
textarea {resize: none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus {outline: none;} /*textarea聚焦时默认边框颜色不变*/
select,input[type=text],input[type=tel],input[type=password],input[type=number],textarea{ -webkit-appearance:none; border:none; border-radius:0; background-color:transparent;}
input::-webkit-input-placeholder,input:focus::-webkit-input-placeholder{color:#555;}/* input 标签placeholder文字的颜色*/
video{ background-color:#000;}
a{ text-decoration:none; display:inline-block;}
a>img{ width:100%;}
.clearFix {display: block;}
.clearFix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fl,.flt{float:left;display:inline;}
.fr,.frt{float:right;display:inline;}
.noPointer{pointer-events:none;}/* 禁止触摸互动事件 */
.noCallout{-webkit-touch-callout: none;}/* 禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片 */
.noSelect{-webkit-user-select:none;}/* 禁止ios和android用户选中文字 */
.gpuOpen{will-change:transform,opacity;}
.gpuClose{will-change:auto;}
.smoothSlide {-webkit-overflow-scrolling: touch;}/* ios设备平滑滚动 */
.txtShadow{text-shadow: 0.02rem 0 0 #fff, -0.02rem 0 0 #fff, 0 0.02rem 0 #000, 0 -0.02rem 0 #000; }
@media screen and (min-width: 320px){html{font-size: 42.667px;}}
@media screen and (min-width: 360px){html{font-size: 48px;}}
@media screen and (min-width: 375px){html{font-size: 50px;}}
@media screen and (min-width: 412px){html{font-size: 54.933px;}}
@media screen and (min-width: 414px){html{font-size: 55.2px;}}
@media screen and (min-width: 480px){html{font-size: 64px;}}
@media screen and (min-width: 540px){html{font-size: 72px;}}
@media screen and (min-width: 640px){html{font-size: 85.333px;}}
@media screen and (min-width: 720px){html{font-size: 96px;}}
@media screen and (min-width: 768px){html{font-size: 102.4px;}}
@media screen and (min-width: 1080px){html{font-size: 144px;}}
@media screen and (min-width: 1440px){html{font-size: 192px;}}
@media screen and (min-width: 2160px){html{font-size: 288px;}}